<html>
<head>
  <script src="../../../resources/js-test.js"></script>
<body>
<p>Test that removing a form attribute from an input element leaves any
existing radio button group in the  document in a valid state.</p>
<div id="console"></div>
<form id="form1">
  <input type="radio" name="test" id="rb1" value="1">
  <input type="radio" name="test" id="rb2" value="2">
</form>
<input type="radio" name="test" id="rb3" form="form1" value="3" checked>
<input type="radio" name="test" id="rb4" value="4">
<input type="radio" name="test" id="rb5" value="5" checked>
<script>
  var result = document.getElementById('result');
  var form = document.forms[0];
  var rb1 = document.getElementById('rb1');
  var rb2 = document.getElementById('rb2');
  var rb3 = document.getElementById('rb3');
  var rb4 = document.getElementById('rb4');
  var rb5 = document.getElementById('rb5');

  debug('- Verify initial state')
  shouldBeFalse('rb1.checked');
  shouldBeFalse('rb2.checked');
  shouldBeTrue('rb3.checked');
  shouldBeFalse('rb4.checked');
  shouldBeTrue('rb5.checked');

  debug('');
  debug('- Remove form attr from rb3, verify that rb5 becomes unchecked state');
  rb3.removeAttribute('form');
  shouldBeFalse('rb1.checked');
  shouldBeFalse('rb2.checked');
  shouldBeTrue('rb3.checked');
  shouldBeFalse('rb4.checked');
  shouldBeFalse('rb5.checked');
</script>
</body>
</html>
